<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成品白坯收发存（掌上数据，仅供参考）</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>


    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>

    <!--日期时间滑动选择-->
   <!-- <script src="JQmobiscrol_2.5.2/dev/jquery-1.9.1.js"></script> -->
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link href="JQmobiscrol_2.5.2/dev/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="JQmobiscrol_2.5.2/dev/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
    <!-- S 可根据自己喜好引入样式风格文件 -->
    <script src="JQmobiscrol_2.5.2/dev/js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
    <link href="JQmobiscrol_2.5.2/dev/css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/swiper.min.css">

    <link type="text/css" rel="stylesheet" href="css/BPCP_wx_main_css.css">
    <script src="js/BPCPwx_main_jx.js" type="text/javascript"></script>
    <script src="js/BPCPDate.js" type="text/javascript"></script>

    <script src="js/swiper.min.js"></script>
    <script src="js/dyselect.js"></script>


</head>
<body>

<div class="d_main">

    <div class="d_detail01">
        <button class="btn2">染厂名称</button>

        <div class="d_detail01_1" style="display: none;">
                <div class="demos">
                    <label for="appDateTime">开始日期:</label>
                    <input class="Datetext" type="text" name="appDateTime" id="appDateTime" />
                </div>

            <div class="demos">
                <label for="appDateTime02">结束日期:</label>
                <input class="Datetext" type="text" name="appDateTime02" id="appDateTime02" />
            </div>

        </div>
        <div class="d_detail01_2" style="display: none;">
            <a href="#" class="main-query" onclick="getquery()">查&nbsp;询</a>
        </div>



    </div>
    <div class="d_detail02">
        <div style="margin:1px 0 1px 0;"></div>
        <div id="tabs" class="easyui-tabs" style="width:100%;height:100%">
            <div title="成品收发存" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetai" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',remoteSort:false,
                       toolbar:'#tb',footer:'#ft'" >
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'clientname',width:90,align:'center',sortable:true">客户</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'cprkqty',width:70,align:'right',sortable:true">入库公斤</th>
                        <th  data-options="field:'cpfhqty',width:70,align:'right',sortable:true">发货公斤</th>
                        <th  data-options="field:'cpkcqty',width:70,align:'right',sortable:true">库存公斤</th>

                        <th  data-options="field:'cprkmeter',width:70,align:'right',sortable:true">入库米数</th>
                        <th  data-options="field:'cpfhmeter',width:70,align:'right',sortable:true">发货米数</th>
                        <th  data-options="field:'cpkcmeter',width:70,align:'right',sortable:true">库存米数</th>

                        <th  data-options="field:'cprkps',width:70,align:'right',sortable:true">入库匹数</th>
                        <th  data-options="field:'cpfhps',width:70,align:'right',sortable:true">发货匹数</th>
                        <th  data-options="field:'cpkcps',width:70,align:'right',sortable:true">库存匹数</th>
                    </tr>
                    </thead>

                </table>
            </div>
            <div title="白坯收发存" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetai01" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',remoteSort:false,
                       toolbar:'#tb',footer:'#ft'" >
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'clientname',width:70,align:'center',sortable:true">客户</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'bprkqty',width:70,align:'right',sortable:true">入库公斤</th>
                        <th  data-options="field:'bpllqty',width:70,align:'right',sortable:true">领料公斤</th>
                        <th  data-options="field:'bpkcqty',width:70,align:'right',sortable:true">库存公斤</th>

                        <th  data-options="field:'bprkps',width:70,align:'right',sortable:true">入库匹数</th>
                        <th  data-options="field:'bpllps',width:70,align:'right',sortable:true">领料匹数</th>
                        <th  data-options="field:'bpkcps',width:70,align:'right',sortable:true">库存匹数</th>

                        <th  data-options="field:'bprkmeter',width:70,align:'right',sortable:true">入库米数</th>
                        <th  data-options="field:'bpllmeter',width:70,align:'right',sortable:true">领料米数</th>
                        <th  data-options="field:'bpkcmeter',width:70,align:'right',sortable:true">库存米数</th>
                    </tr>
                    </thead>

                </table>
            </div>

        </div>
    </div>
    <div class="d_detail03">

        <div class="d_detail03_01">
            <input type="button" class="d_detail03_1_1" value="确定"
                   onclick="getClientName()">
        </div>
        <div class="d_detail03_02">
            <input onclick="getdaydate()" type="button" class="d_detail03_2_1 buttom" value="昨天">
            <input onclick="getWeekdate()" type="button" class="d_detail03_2_2 buttom" value="一周">
            <input onclick="getOneMonthdate()" type="button" class="d_detail03_2_3 buttom" value="一月">
            <input onclick="getMonthdate()" type="button" class="d_detail03_2_4 buttom" value="本月">
        </div>

        <div class="d_detail03_04">
            <input type="button" class="d_detail03_4_1 " value="图/表"
                    onclick="imagetable()">
            <!--onclick="location.href='html/wx_image_detail.html'"-->

        </div>

    </div>

</div>

<!--下拉弹出的div*/-->
<div class="select_box select_box2"></div>

<div id="A" >
    <div class="A_1">
        <div class="easyui-tabs" style="width:100%;height:100%">
            <div title="成品入库" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetaiA1" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',
                     url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',-->
                    <!--url:'https://www.xdfznh.club/wxpadbe/flux/getYBConsumption/2019-11-05 07:00:00/2019-11-06 07:00:00/香山印染',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_date',width:50,align:'center'">日期</th>
                        <th  data-options="field:'b_pinming',width:100,align:'center'">品名</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'b_color',width:70,align:'center'">颜色</th>
                        <th  data-options="field:'b_ps',width:50,align:'center'">匹数</th>
                        <th  data-options="field:'b_qty',width:70,align:'right'">重量</th>
                        <th  data-options="field:'b_meter',width:50,align:'center'">米数</th>
                        <th  data-options="field:'b_sehao',width:90,align:'center'">色号</th>
                        <th  data-options="field:'b_guige',width:90,align:'center'">规格</th>
                        <!--   <th  data-options="field:'b_ddh',width:120,align:'center'">订单号</th>
                         -->
                    </tr>
                    </thead>

                </table>
            </div>
            <div title="成品出库" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetaiA2" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',
                     url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',-->
                    <!--url:'https://www.xdfznh.club/wxpadbe/flux/getYBConsumption/2019-11-05 07:00:00/2019-11-06 07:00:00/香山印染',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_date',width:50,align:'center'">日期</th>
                        <th  data-options="field:'b_pinming',width:100,align:'center'">品名</th>
                    </tr>
                    </thead>

                    <thead>
                    <tr>
                        <th  data-options="field:'b_color',width:70,align:'center'">颜色</th>
                        <th  data-options="field:'b_ps',width:50,align:'center'">匹数</th>
                        <th  data-options="field:'b_qty',width:70,align:'right'">重量</th>
                        <th  data-options="field:'b_meter',width:70,align:'center'">米数</th>
                        <th  data-options="field:'b_sehao',width:90,align:'center'">色号</th>
                        <th  data-options="field:'b_guige',width:90,align:'center'">规格</th>
                        <th  data-options="field:'b_ddh',width:120,align:'center'">订单号</th>
                    </tr>
                    </thead>

                </table>
            </div>
            <div title="成品库存" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetaiA3" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',
                     url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',-->
                    <!--url:'https://www.xdfznh.club/wxpadbe/flux/getYBConsumption/2019-11-05 07:00:00/2019-11-06 07:00:00/香山印染',-->

                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_pinming',width:100,align:'center'">品名</th>
                        <th  data-options="field:'b_color',width:80,align:'center'">颜色</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'b_ps',width:50,align:'center'">匹数</th>
                        <th  data-options="field:'b_qty',width:70,align:'right'">重量</th>
                        <th  data-options="field:'b_meter',width:70,align:'center'">米数</th>
                        <th  data-options="field:'b_sehao',width:90,align:'center'">色号</th>
                        <th  data-options="field:'b_guige',width:90,align:'center'">规格</th>
                        <th  data-options="field:'b_ddh',width:120,align:'center'">订单号</th>
                        <th  data-options="field:'sendRemark',width:120,align:'left'">发货备注</th>
                    </tr>
                    </thead>

                </table>
            </div>

        </div>
    </div>
    <div class="A_2">
        <input onclick="createA()" type="button" class="A_2_1" value="退出">
    </div>
</div>

<div id="B" >
    <div class="A_1">
        <div class="easyui-tabs" style="width:100%;height:100%">
            <div title="白坯入库" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetaiB1" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',
                     url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',-->
                    <!--url:'https://www.xdfznh.club/wxpadbe/flux/getYBConsumption/2019-11-05 07:00:00/2019-11-06 07:00:00/香山印染',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_date',width:50,align:'center'">日期</th>
                        <th  data-options="field:'b_pinming',width:120,align:'center'">品名</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'b_guige',width:90,align:'center'">规格</th>
                        <th  data-options="field:'b_ps',width:50,align:'center'">匹数</th>
                        <th  data-options="field:'b_qty',width:70,align:'right'">重量</th>
                        <th  data-options="field:'b_meter',width:50,align:'center'">米数</th>
                    </tr>
                    </thead>

                </table>
            </div>
            <div title="白坯领料" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetaiB2" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',
                     url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',-->
                    <!--url:'https://www.xdfznh.club/wxpadbe/flux/getYBConsumption/2019-11-05 07:00:00/2019-11-06 07:00:00/香山印染',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_date',width:50,align:'center'">日期</th>
                        <th  data-options="field:'b_pinming',width:120,align:'center'">品名</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'b_guige',width:80,align:'center'">规格</th>
                        <th  data-options="field:'b_ps',width:50,align:'center'">匹数</th>
                        <th  data-options="field:'b_qty',width:70,align:'right'">重量</th>
                        <th  data-options="field:'b_meter',width:70,align:'center'">米数</th>
                    </tr>
                    </thead>

                </table>
            </div>
            <div title="白坯库存" data-options="tabWidth:100" style="padding:0px">
                <table id="waterdetaiB3" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',
                     url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',-->
                    <!--url:'https://www.xdfznh.club/wxpadbe/flux/getYBConsumption/2019-11-05 07:00:00/2019-11-06 07:00:00/香山印染',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_pinming',width:120,align:'center'">品名</th>
                        <th  data-options="field:'b_guige',width:80,align:'center'">规格</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <th  data-options="field:'b_ps',width:50,align:'right'">匹数</th>
                        <th  data-options="field:'b_ps',width:50,align:'center'">匹数</th>
                        <th  data-options="field:'b_qty',width:70,align:'right'">重量</th>
                        <th  data-options="field:'b_meter',width:70,align:'center'">米数</th>
                    </tr>
                    </thead>

                </table>
            </div>

        </div>
    </div>
    <div class="A_2">
        <input onclick="createB()" type="button" class="A_2_1" value="退出">
    </div>
</div>

</body>

<script>
    $(".buttom").click(
        function() {
            $(".buttom").eq($(this).index()).css('background', '#26bbdb').siblings().css('background', '#E0ECFF');
            $(".buttom").attr("disabled",true);
        })

</script>

</html>